<template>
  <div class="index_header">
<<<<<<< HEAD
    <el-backtop target=".page-component__scroll .el-scrollbar__wrap" :bottom="100">
      <div
        style="{
        height: 100%;
        width: 100%;
        background-color: #f2f5f6;
        box-shadow: 0 0 6px rgba(0,0,0, .12);
        text-align: center;
        line-height: 40px;
        color: #1989fa;
      }"
      >UP</div>
    </el-backtop>
=======
>>>>>>> 314b442cce11d658746227581b0160373004c345
    <div class="centre">
      <div class="huize_index">
        <div class="headr_left">
          <ul>
            <li>
              <i class="iconfont">&#xe614;</i>
              <span>微信</span>
              <div class="hui_code">
                <div class="img_code">
<<<<<<< HEAD
                  <img src="@/assets/img/wxCode.jpg" alt />
=======
                  <img
                    src="@/assets/img/wxCode.jpg"
                    alt
                  />
>>>>>>> 314b442cce11d658746227581b0160373004c345
                </div>
              </div>
            </li>
            <li>
              <i class="iconfont">&#xe63c;</i>
              <span>小程序</span>
              <div class="hui_code">
                <div class="img_code">
<<<<<<< HEAD
                  <img src="@/assets/img/xcxCode.png" alt />
=======
                  <img
                    src="@/assets/img/xcxCode.png"
                    alt
                  />
>>>>>>> 314b442cce11d658746227581b0160373004c345
                </div>
              </div>
            </li>
            <li>
              <i class="iconfont">&#xe638;</i>
              <span>APP 下载</span>
              <div class="hui_code">
                <div class="img_code">
<<<<<<< HEAD
                  <img src="@/assets/img/appCode1.png" alt />
=======
                  <img
                    src="@/assets/img/appCode.png"
                    alt
                  />
>>>>>>> 314b442cce11d658746227581b0160373004c345
                </div>
              </div>
            </li>
          </ul>
        </div>
        <div class="header_right">
          <ul>
<<<<<<< HEAD
            <router-link to="/Cooperation" tag="li">商业合作</router-link>

            <router-link to="/Course" tag="li">新手教程</router-link>

=======
            <li>加盟代理</li>
            <li>新手教程</li>
>>>>>>> 314b442cce11d658746227581b0160373004c345
            <li class="my_account_li my_account_li_f" v-if="login == 0">
              <span @click="MyAccount">
                <i class="el-icon-user-solid"></i> 登录
              </span>
            </li>
            <li class="my_account_li" v-if="login == 1">
<<<<<<< HEAD
              <span v-if="MyList.headUrl != '' || MyList.headUrl.substring(0,5) == 'https' ">
                <img :src="MyList.headUrl" alt />
              </span>
              <span v-else>
                <img
                  src="https://huizeimg.oss-cn-shenzhen.aliyuncs.com/huize/update/156222927235720190704163413.jpg"
                  alt
                />
              </span>
=======
>>>>>>> 314b442cce11d658746227581b0160373004c345
              {{phone}}
              <div class="my_account">
                <ul>
                  <li @click="openMy">我的高考信息</li>
                  <router-link to="/Personal" tag="li">个人中心</router-link>

                  <li @click="openPass">设置密码</li>

                  <li @click="openLogin">退出登录</li>
                </ul>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>

    <div class="modeif_form" v-if="block">
      <!-- <div class="form" v-if="tyleTips == 2">
        <div class="back-out">
          <i class="el-icon-close" @click="none"></i>
          <span>修改密码</span>
        </div>
        <div class="Tips">请输入旧的密码</div>
        <el-form
          :model="ruleForm"
          status-icon
          :rules="rules"
          ref="ruleForm"
          label-width="100px"
          class="demo-ruleForm"
        >
          <el-form-item label="账号" prop="number">
            <el-input v-model.number="ruleForm.number"></el-input>
          </el-form-item>
          <el-form-item label="密码" prop="pass">
            <el-input type="password" v-model="ruleForm.pass" autocomplete="off" show-password></el-input>
          </el-form-item>
        </el-form>
        <p class="code_block" v-if="codeNoneY == '0' ">成功</p>
        <p class="code_none" v-if="codeNoneY == '1' ">密码或账号错误</p>
        <div class="button">
          <el-button type="primary" @click="submitForm('ruleForm')">确定</el-button>
        </div>
      </div>-->
<<<<<<< HEAD
      <div class="form" v-if="tyleTips == 1 && tyle == 11">
=======
      <div class="form" v-if="tyleTips == 1">
>>>>>>> 314b442cce11d658746227581b0160373004c345
        <div class="back-out">
          <i class="el-icon-close" @click="none"></i>
          <span>修改密码</span>
        </div>
        <div class="Tips">请输入新的密码</div>
        <el-form
          :model="ruleForm"
          status-icon
          :rulesNwe="rulesNwe"
          ref="ruleForm"
          label-width="100px"
          class="demo-ruleForm"
        >
<<<<<<< HEAD
          <el-form-item label="新密码" prop="pass">
=======
          <el-form-item label="密码" prop="pass">
>>>>>>> 314b442cce11d658746227581b0160373004c345
            <el-input type="password" v-model="ruleForm.passNwe" autocomplete="off" show-password></el-input>
          </el-form-item>
          <el-form-item label="确认密码" prop="checkPass">
            <el-input type="password" v-model="ruleForm.checkPass" autocomplete="off" show-password></el-input>
          </el-form-item>
        </el-form>
        <div class="button">
<<<<<<< HEAD
          <el-button type="primary" @click="submitForm2()">完成</el-button>
=======
          <el-button type="primary" @click="submitForm2('ruleForm')">完成</el-button>
>>>>>>> 314b442cce11d658746227581b0160373004c345
        </div>
      </div>
      <div class="form" v-if="tyle ==7">
        <div class="back-out">
<<<<<<< HEAD
          <!-- <i class="el-icon-close" @click="none"></i> -->
=======
          <i class="el-icon-close" @click="none"></i>
>>>>>>> 314b442cce11d658746227581b0160373004c345
          <span>完善信息</span>
        </div>
        <div class="my_center">
          <el-form
            :model="ruleForm"
            status-icon
            :rulesNwe="rulesNwe"
            ref="ruleForm"
            label-width="100px"
            class="demo-ruleForm"
          >
            <div class="from_center">
              <div class="top_center">高考省份</div>
              <el-select v-model="sizeForm.region" placeholder="请选择省份区域">
                <el-option
                  v-for="(itme , index) in queryAll "
                  :key="index"
                  :label="itme.title"
                  :value="itme.id"
                ></el-option>
              </el-select>

              <P class="Prompt">{{PromptProvince}}</P>
            </div>
            <div class="from_center">
              <div class="top_center">高考年份</div>
              <el-select v-model="sizeForm.regionYear" placeholder="请选择高考年份">
                <el-option label="2020" value="2020"></el-option>
                <el-option label="2021" value="2021"></el-option>
                <el-option label="2022" value="2022"></el-option>
                <el-option label="2023" value="2023"></el-option>
              </el-select>
              <P class="Prompt">{{PromptYear}}</P>
<<<<<<< HEAD
            </div>
            <div class="from_center">
              <div class="top_center">选择科目</div>
              <div class="center_button">
                <el-button
                  type="info"
                  v-on:click=" buttonType  = 1 "
                  v-if=" buttonType != 1 "
                  plain
                >理科</el-button>
                <el-button type="primary" v-if="buttonType == 1 ">理科</el-button>
                <el-button
                  type="info"
                  v-on:click=" buttonType  = 0"
                  v-if="buttonType != 0 "
                  plain
                >文科</el-button>
                <el-button type="primary" v-if="buttonType == 0 ">文科</el-button>
                <el-button
                  type="info"
                  v-on:click=" buttonType  = 2 "
                  v-if=" buttonType != 2 "
                  plain
                >新高考</el-button>
                <el-button type="primary" v-if="buttonType == 2 ">新高考</el-button>
              </div>
              <!-- <div class="center_button">
                <el-button
                  type="info"
                  v-on:click=" MyNews.userEntity.grade = 1 "
                  v-if=" MyNews.userEntity.grade != 1 "
                  plain
                >理科</el-button>
                <el-button type="primary" v-if="MyNews.grade == 1 ">理科</el-button>
                <el-button
                  type="info"
                  v-on:click=" MyNews.userEntity.grade  = 0 "
                  v-if=" MyNews.userEntity.grade != 0 "
                  plain
                >文科</el-button>
                <el-button type="primary" v-if="MyNews.grade == 0 ">文科</el-button>
                <el-button
                  type="info"
                  v-on:click=" MyNews.userEntity.grade  = 2 "
                  v-if="MyNews.grade != 2 "
                  plain
                >新高考</el-button>
                <el-button type="primary" v-if="MyNews.grade == 2 ">新高考</el-button>
              </div>-->
            </div>
            <div class="FRON">
              <div class="from_center">
                <div class="top_center">高考分数</div>
                <el-input maxlength="3" v-model="input1" placeholder="请输入高考分数"></el-input>
              </div>

              <div class="from_center">
                <div class="top_center">高考排名</div>
                <el-input maxlength="8" v-model="input2" placeholder="请输入高考排名" :disabled="true"></el-input>
              </div>
            </div>
            <P class="Prompt">{{PromptInput}}</P>
          </el-form>
        </div>
        <div class="button">
          <el-button @click="addFrom()" type="primary">提交信息</el-button>
        </div>
      </div>
      <div class="form" v-if="tyle == 8">
        <div class="back-out">
          <i class="el-icon-close" @click="none"></i>

          <span>我的信息</span>
        </div>
        <div class="my_center">
          <el-form
            :model="ruleForm"
            status-icon
            :rulesNwe="rulesNwe"
            ref="ruleForm"
            label-width="100px"
            class="demo-ruleForm"
          >
            <div class="from_center">
              <div class="top_center">高考省份</div>
              <span class="from_center_input">
                <el-input v-model="MyNews.userEntity.provinceName" :disabled="true"></el-input>
                <!-- <el-input v-model="MyNews.provinceName"></el-input> -->
              </span>
              <P class="Prompt">{{PromptProvince}}</P>
            </div>
            <!-- <div class="from_center">
              <div class="top_center">高考年份</div>
              <el-select v-model="MyNews.examinationYear" placeholder="请选择高考年份">
                <el-option label="2020" value="2020"></el-option>
                <el-option label="2021" value="2021"></el-option>
                <el-option label="2022" value="2022"></el-option>
                <el-option label="2023" value="2023"></el-option>
              </el-select>
              <P class="Prompt">{{PromptYear}}</P>
            </div>-->
=======
            </div>
>>>>>>> 314b442cce11d658746227581b0160373004c345
            <div class="from_center">
              <div class="top_center">选择科目</div>
              <div class="center_button">
                <el-button
                  type="info"
<<<<<<< HEAD
                  v-on:click=" MyNews.userEntity.grade = 1 "
                  v-if=" MyNews.userEntity.grade != 1 "
                  plain
                  disabled
                >理科</el-button>
                <el-button type="primary" v-if=" MyNews.userEntity.grade == 1 " disabled>理科</el-button>
                <el-button
                  type="info"
                  v-on:click=" MyNews.userEntity.grade  = 0 "
                  v-if=" MyNews.userEntity.grade != 0 "
                  plain
                  disabled
                >文科</el-button>
                <el-button type="primary" v-if=" MyNews.userEntity.grade == 0 " disabled>文科</el-button>
                <el-button
                  type="info"
                  v-on:click=" MyNews.userEntity.grade  = 2 "
                  v-if=" MyNews.userEntity.grade != 2 "
                  plain
                  disabled
                >新高考</el-button>
                <el-button type="primary" v-if=" MyNews.userEntity.grade == 2 " disabled>新高考</el-button>
              </div>
            </div>
            <div class="FRON">
              <div class="from_center">
                <div class="top_center">高考分数</div>

                <el-input
                  maxlength="3"
                  v-model="MyNews.userEntity.estimateScore"
                  placeholder="请输入高考分数"
                ></el-input>
              </div>

              <div class="from_center">
                <div class="top_center">高考排名</div>
                <el-input
                  maxlength="8"
                  v-model="MyNews.userEntity.estimateRanking"
                  placeholder="请输入高考排名"
                  :disabled="true"
                ></el-input>
              </div>
            </div>
            <P class="Prompt">{{PromptInput}}</P>
          </el-form>
        </div>
        <div class="button">
          <el-button @click="MyNEWS()" type="primary">确定修改</el-button>
        </div>
=======
                  v-on:click=" buttonType  = '1' "
                  v-if="buttonType !=''&& buttonType != '1' "
                  plain
                >理科</el-button>
                <el-button type="primary" v-if="buttonType == '1' ">理科</el-button>
                <el-button
                  type="info"
                  v-on:click=" buttonType  = '0' "
                  v-if="buttonType !=''&& buttonType != '0' "
                  plain
                >文科</el-button>
                <el-button type="primary" v-if="buttonType == '0' ">文科</el-button>
                <el-button
                  type="info"
                  v-on:click=" buttonType  = '2' "
                  v-if="buttonType !=''&& buttonType != '2' "
                  plain
                >新高考</el-button>
                <el-button type="primary" v-if="buttonType == '2' ">新高考</el-button>
              </div>
            </div>
            <div class="FRON">
              <div class="from_center">
                <div class="top_center">高考分数</div>
                <el-input maxlength="3" v-model="input1" placeholder="请输入高考分数"></el-input>
              </div>

              <div class="from_center">
                <div class="top_center">高考排名</div>
                <el-input maxlength="8" v-model="input2" placeholder="请输入高考排名"></el-input>
              </div>
            </div>
            <P class="Prompt">{{PromptInput}}</P>
          </el-form>
        </div>
        <div class="button">
          <el-button @click="addFrom()" type="primary">提交信息</el-button>
        </div>
      </div>
      <div class="form" v-if="tyle ==8">
        <div class="back-out">
          <i class="el-icon-close" @click="none"></i>

          <span>我的信息</span>
        </div>
        <div class="my_center">
          <el-form
            :model="ruleForm"
            status-icon
            :rulesNwe="rulesNwe"
            ref="ruleForm"
            label-width="100px"
            class="demo-ruleForm"
          >
            <div class="from_center">
              <div class="top_center">高考省份</div>
              <el-select v-model="MyNews.provinceName" placeholder="请选择省份区域">
                <el-option
                  v-for="(itme , index) in queryAll "
                  :key="index"
                  :label="itme.title"
                  :value="itme.id"
                ></el-option>
              </el-select>

              <P class="Prompt">{{PromptProvince}}</P>
            </div>
            <div class="from_center">
              <div class="top_center">高考年份</div>
              <el-select v-model="MyNews.examinationYear" placeholder="请选择高考年份">
                <el-option label="2020" value="2020"></el-option>
                <el-option label="2021" value="2021"></el-option>
                <el-option label="2022" value="2022"></el-option>
                <el-option label="2023" value="2023"></el-option>
              </el-select>
              <P class="Prompt">{{PromptYear}}</P>
            </div>
            <div class="from_center">
              <div class="top_center">选择科目</div>
              <div class="center_button">
                <el-button
                  type="info"
                  v-on:click=" MyNews.grade = '1' "
                  v-if="MyNews.grade !=''&& MyNews.grade != '1' "
                  plain
                >理科</el-button>
                <el-button type="primary" v-if="MyNews.grade == '1' ">理科</el-button>
                <el-button
                  type="info"
                  v-on:click=" MyNews.grade  = '0' "
                  v-if="MyNews.grade !=''&& MyNews.grade != '0' "
                  plain
                >文科</el-button>
                <el-button type="primary" v-if="MyNews.grade == '0' ">文科</el-button>
                <el-button
                  type="info"
                  v-on:click=" MyNews.grade  = '2' "
                  v-if="MyNews.grade !=''&& MyNews.grade != '2' "
                  plain
                >新高考</el-button>
                <el-button type="primary" v-if="MyNews.grade == '2' ">新高考</el-button>
              </div>
            </div>
            <div class="FRON">
              <div class="from_center">
                <div class="top_center">高考分数</div>
                <el-input maxlength="3" v-model="MyNews.estimateScore" placeholder="请输入高考分数"></el-input>
              </div>

              <div class="from_center">
                <div class="top_center">高考排名</div>
                <el-input maxlength="8" v-model="MyNews.estimateRanking" placeholder="请输入高考排名"></el-input>
              </div>
            </div>
            <P class="Prompt">{{PromptInput}}</P>
          </el-form>
        </div>
        <div class="button">
          <el-button @click="MyNEWS()" type="primary">确定修改</el-button>
        </div>
>>>>>>> 314b442cce11d658746227581b0160373004c345
      </div>
    </div>
    <dir class="modeif_form" v-if="block_login">
      <div v-if="tyle == 3">
        <div class="logon">
          <div class="left_img">
<<<<<<< HEAD
            <img
              src="https://huizeimg.oss-cn-shenzhen.aliyuncs.com/huize/update/1576222088548left@2x.png"
              alt
            />
          </div>
          <div class="right_logon">
            <div class="back-out">
              <!-- <i class="el-icon-close" @click="noneLogo"></i> -->
=======
            <img src="@/assets/img/shui.jpg" alt />
          </div>
          <div class="right_logon">
            <div class="back-out">
              <i class="el-icon-close" @click="noneLogo"></i>
>>>>>>> 314b442cce11d658746227581b0160373004c345
              <span>短信登录</span>
            </div>

            <div class="password">
              <el-input
                placeholder="请输入手机号"
                maxlength="11"
                v-model.number="input_phone"
                prefix-icon="el-icon-mobile-phone"
                clearable
              ></el-input>
              <p class="code_none">{{codeNone}}</p>
            </div>
            <div class="logon_code">
              <el-input prefix-icon="el-icon-s-comment" placeholder="请输入验证码" v-model="input_code"></el-input>
              <div class="code_button">
                <el-button type="text" v-show="show" @click="getCode">发送验证码</el-button>
                <el-button type="text" v-show="!show" :loading="true" disabled>
                  请等待
                  <i>{{count}}</i> 秒
                </el-button>
              </div>
              <p class="code_none" v-show="codeNone == 1">验证码错误</p>
            </div>
            <div class="reset">
              <div v-on:click="tyle = 4">手机号+密码登录</div>
<<<<<<< HEAD
              <div class="right" v-on:click="tyle = 5">忘记密码?</div>
            </div>
            <div class="register">
              <el-button
                @click="goLogin"
                type="primary"
                v-if="code != '' && input_code != ''  "
              >快捷登录</el-button>
=======
              <div class="right" v-on:click="tyle = 5">忘老密码?</div>
            </div>
            <div class="register">
              <el-button @click="go" type="primary" v-if="code != '' && input_code != ''  ">快捷登录</el-button>
>>>>>>> 314b442cce11d658746227581b0160373004c345
              <el-button type="primary" v-else disabled>快捷登录</el-button>
            </div>
            <div class="Agreement">
              登录即代表同意慧择云志愿
              <span>用户协议</span>
            </div>
          </div>
        </div>
      </div>
    </dir>
    <div class="modeif_form" v-if="block_my">
      <div v-if="tyle == 3">
        <div class="logon">
          <div class="left_img">
<<<<<<< HEAD
            <img
              src="https://huizeimg.oss-cn-shenzhen.aliyuncs.com/huize/update/1576222088548left@2x.png"
              alt
            />
          </div>
          <div class="right_logon">
            <div class="back-out">
              <!-- <i class="el-icon-close" @click="noneLogo"></i> -->
=======
            <img src="@/assets/img/shui.jpg" alt />
          </div>
          <div class="right_logon">
            <div class="back-out">
              <i class="el-icon-close" @click="noneLogo"></i>
>>>>>>> 314b442cce11d658746227581b0160373004c345
              <span>短信登录</span>
            </div>

            <div class="password">
              <el-input
                placeholder="请输入手机号"
                maxlength="11"
                v-model.number="input_phone"
                prefix-icon="el-icon-mobile-phone"
                clearable
              ></el-input>
            </div>
            <div class="logon_code">
              <el-input prefix-icon="el-icon-s-comment" placeholder="请输入验证码" v-model="input_code"></el-input>
              <div class="code_button">
                <el-button type="text" v-show="show" @click="getCode">发送验证码</el-button>
                <el-button type="text" v-show="!show" :loading="true" disabled>
                  请等待
                  <i>{{count}}</i> 秒
                </el-button>
              </div>
              <p class="code_none" v-show="codeNone == 1">验证码错误</p>
            </div>
            <div class="reset">
<<<<<<< HEAD
              <div v-on:click="tyle = 4">密码登录/会员卡</div>
              <div class="right" v-on:click="tyle = 5">忘记密码?</div>
            </div>
            <div class="register">
              <el-button
                @click="goLogin"
                type="primary"
                v-if="code != '' && input_code != ''  "
              >快捷登录</el-button>
              <el-button type="primary" v-else disabled>快捷登录</el-button>
=======
              <div v-on:click="tyle = 4">手机号+密码登录</div>
              <div class="right" v-on:click="tyle = 5">忘老密码?</div>
            </div>
            <div class="register">
              <el-button @click="go" type="primary" v-if="code != '' && input_code != ''  ">快捷登录</el-button>
              <el-button type="primary" v-else disabled>快捷登录</el-button>

              <!-- <div class="register3">
                <span>
                  <i class="iconfont">&#xe90b;</i>
                </span>
                <span>
                  <i class="iconfont">&#xe60e;</i>
                </span>
                <span>
                  <i class="iconfont">&#xe63d;</i>
                </span>
              </div>-->
>>>>>>> 314b442cce11d658746227581b0160373004c345
            </div>
            <div class="Agreement">
              登录即代表同意慧择云志愿
              <span>用户协议</span>
            </div>
          </div>
        </div>
      </div>
      <div v-if="tyle == 4 ">
        <div class="logon logon_pass">
          <div class="left_img">
<<<<<<< HEAD
            <img
              src="https://huizeimg.oss-cn-shenzhen.aliyuncs.com/huize/update/1576222088548left@2x.png"
              alt
            />
          </div>
          <div class="right_logon">
            <div class="back-out">
              <!-- <i class="el-icon-close" @click="noneLogo"></i> -->
=======
            <img src="@/assets/img/shui.jpg" alt />
          </div>
          <div class="right_logon">
            <div class="back-out">
              <i class="el-icon-close" @click="noneLogo"></i>
>>>>>>> 314b442cce11d658746227581b0160373004c345
              <span>登录</span>
            </div>

            <el-form
              :model="ruleForm"
              status-icon
              :rules="rules"
              ref="ruleForm"
              label-width="100px"
              class="demo-ruleForm"
            >
              <el-form-item label="账号" prop="number">
<<<<<<< HEAD
                <el-input maxlength="11" v-model.number="ruleForm.number" placeholder="请输入账号"></el-input>
=======
                <el-input maxlength="11" v-model.number="ruleForm.number" placeholder="请输入手机号"></el-input>
>>>>>>> 314b442cce11d658746227581b0160373004c345
              </el-form-item>
              <el-form-item label="密码" prop="pass">
                <el-input
                  type="password"
                  v-model="ruleForm.pass"
                  autocomplete="off"
                  placeholder="请输入密码"
                  show-password
                ></el-input>
              </el-form-item>
            </el-form>
            <div class="form_codeNo">
              <p>{{codeNo}}</p>
            </div>
            <div class="reset">
              <div v-on:click="tyle = 3">快捷短信验证</div>
<<<<<<< HEAD
              <div class="right" v-on:click="tyle = 5">忘记密码?</div>
=======
              <div class="right" v-on:click="tyle = 5">忘老密码?</div>
>>>>>>> 314b442cce11d658746227581b0160373004c345
            </div>
            <div class="register">
              <div class="button">
                <el-button type="primary" @click="submitForm('ruleForm')">登录</el-button>
              </div>
            </div>
            <div class="Agreement">
              登录即代表同意慧择云志愿
              <span>用户协议</span>
            </div>
          </div>
        </div>
      </div>

      <div v-if="tyle == 5">
        <div class="logon">
          <div class="left_img">
<<<<<<< HEAD
            <img
              src="https://huizeimg.oss-cn-shenzhen.aliyuncs.com/huize/update/1576222088548left@2x.png"
              alt
            />
=======
            <img src="@/assets/img/shui.jpg" alt />
>>>>>>> 314b442cce11d658746227581b0160373004c345
          </div>
          <div class="right_logon">
            <div class="back-out">
              <i class="el-icon-close" @click="noneLogo"></i>
              <span>忘记密码</span>
            </div>

            <div class="password">
              <el-input
                placeholder="请输入手机号"
                maxlength="11"
                v-model.number="input_phone"
                prefix-icon="el-icon-mobile-phone"
                clearable
              ></el-input>
            </div>
            <div class="logon_code">
              <el-input prefix-icon="el-icon-s-comment" placeholder="请输入验证码" v-model="input_code"></el-input>
              <div class="code_button">
                <el-button type="text" v-show="show" @click="getResetphone">发送验证码</el-button>
                <el-button type="text" v-show="!show" :loading="true" disabled>
                  请等待
                  <i>{{count}}</i> 秒
                </el-button>
              </div>
              <p class="code_none" v-show="codeNone == 1">验证码错误</p>
            </div>
            <div class="reset">
              <div v-on:click="tyle = 3">快捷登录</div>
              <div class="right" v-on:click="tyle = 4">手机号+密码登录</div>
            </div>
            <div class="register">
              <el-button
                @click="goResetphone"
                type="primary"
                v-if="code != '' && input_code != ''  "
              >确定</el-button>
              <el-button type="primary" v-else disabled>确定</el-button>
            </div>
            <div class="Agreement">
              登录即代表同意慧择云志愿
              <span>用户协议</span>
            </div>
          </div>
        </div>
      </div>

<<<<<<< HEAD
=======
      <!-- <div v-if="tyle == 6">
        <div class="logon">
          <div class="left_img">
            <img src="@/assets/img/shui.jpg" alt />
          </div>
          <div class="right_logon">
            <div class="back-out">
              <i class="el-icon-close" @click="noneLogo"></i>
              <span>设置密码</span>
            </div>
              <el-form
              :model="ruleForm"
              status-icon
              :rules="rules"
              ref="ruleForm"
              label-width="100px"
              class="demo-ruleForm"
            >
              <el-form-item label="账号" prop="number">
                <el-input maxlength="11" v-model.number="ruleForm.number" placeholder="请输入手机号"></el-input>
              </el-form-item>
              <el-form-item label="密码" prop="pass">
                <el-input
                  type="password"
                  v-model="ruleForm.pass"
                  autocomplete="off"
                  placeholder="请输入密码"
                  show-password
                ></el-input>
              </el-form-item>
            </el-form>

         
          </div>
        </div>
      </div>-->
>>>>>>> 314b442cce11d658746227581b0160373004c345
      <div class="form" v-if="tyle == 6">
        <div class="back-out">
          <i class="el-icon-close" @click="noneLogo"></i>
          <span>修改密码</span>
        </div>
        <div class="Tips">请输入新的密码</div>
        <el-form
          :model="ruleForm"
          status-icon
          :rulesNwe="rulesNwe"
          ref="ruleForm"
          label-width="100px"
          class="demo-ruleForm"
        >
          <el-form-item label="密码" prop="pass">
            <el-input type="password" v-model="ruleForm.passNwe" autocomplete="off" show-password></el-input>
          </el-form-item>
          <el-form-item label="确认密码" prop="checkPass">
            <el-input type="password" v-model="ruleForm.checkPass" autocomplete="off" show-password></el-input>
          </el-form-item>
        </el-form>
        <div class="button">
          <el-button type="primary" @click="submitForm3">完成</el-button>
        </div>
      </div>
      <div v-if="tyle == 7">
        <div class="logon">
          <div class="left_img">
<<<<<<< HEAD
            <img
              src="https://huizeimg.oss-cn-shenzhen.aliyuncs.com/huize/update/1576222088548left@2x.png"
              alt
            />
=======
            <img src="@/assets/img/shui.jpg" alt />
>>>>>>> 314b442cce11d658746227581b0160373004c345
          </div>
          <div class="right_logon">
            <div class="back-out">
              <i class="el-icon-close" @click="noneLogo"></i>
              <span>短信验证</span>
            </div>
<<<<<<< HEAD
=======

>>>>>>> 314b442cce11d658746227581b0160373004c345
            <div class="password">
              <el-input
                placeholder="请输入手机号"
                maxlength="11"
                v-model.number="input_phone"
                prefix-icon="el-icon-mobile-phone"
                clearable
              ></el-input>
            </div>
            <div class="logon_code">
              <el-input prefix-icon="el-icon-s-comment" placeholder="请输入验证码" v-model="input_code"></el-input>
              <div class="code_button">
                <el-button type="text" v-show="show" @click="getResetphone">发送验证码</el-button>
                <el-button type="text" v-show="!show" :loading="true" disabled>
                  请等待
                  <i>{{count}}</i> 秒
                </el-button>
              </div>
              <p class="code_none" v-show="codeNone == 1">验证码错误</p>
            </div>
            <div class="reset">
              <div v-on:click="tyle = 3">快捷登录</div>
              <div class="right" v-on:click="tyle = 4">手机号+密码登录</div>
            </div>
            <div class="register">
              <el-button
                @click="goResetphone"
                type="primary"
                v-if="code != '' && input_code != ''  "
              >确定</el-button>
              <el-button type="primary" v-else disabled>确定</el-button>
            </div>
            <div class="Agreement">
              登录即代表同意慧择云志愿
              <span>用户协议</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import ModigForm from "../Form/modifyForm";
import { isNumber } from "util";

export default {
  name: "Header",
  components: {
    ModigForm
  },

  data() {
    var checkNumber = (rule, value, callback) => {
      if (!value) {
        return callback(new Error("账户不能为空"));
      }
      setTimeout(() => {
        if (!Number.isInteger(value)) {
          callback(new Error("请输入数字值"));
        } else {
          if (value.length == 11) {
            callback(new Error("账号格式不对"));
          } else {
            callback();
          }
        }
      }, 1000);
    };
    var validatePass = (rule, value, callback) => {
      if (value === "") {
        callback(new Error("请输入密码"));
      } else {
        if (this.ruleForm.checkPass !== "") {
          this.$refs.ruleForm.validateField("checkPass");
        }
        callback();
      }
    };
    var validatePassNwe = (rule, value, callback) => {
      if (value === "") {
        callback(new Error("请输入密码"));
      } else {
        if (this.ruleForm.checkPass !== "") {
          this.$refs.ruleForm.validateField("checkPass");
        }
        callback();
      }
    };
    var validatePass2 = (rule, value, callback) => {
      if (value === "") {
        callback(new Error("请再次输入密码"));
      } else if (value !== this.ruleForm.passNwe) {
        callback(new Error("两次输入密码不一致!"));
      } else {
        callback();
      }
    };

    return {
<<<<<<< HEAD
      MyList: "",
=======
>>>>>>> 314b442cce11d658746227581b0160373004c345
      buttonType: 1,
      queryAll: [],
      codeNo: "",
      PromptInput: "",
      PromptProvince: "",
      PromptYear: "",
      block: false,
<<<<<<< HEAD

=======
>>>>>>> 314b442cce11d658746227581b0160373004c345
      block_login: false,
      block_my: false,
      login: 0,
      tyle: "0",
      input1: "",
      input2: "",
      codeNone: "",
      codeSend: true,
      codeStop: false,
      code: "",
      input_code: "",
      phone: "",
      input_phone: "",
      show: true,
      shows: true,
      count: "",
      timer: null,
      serEntitysDATA: [],
      tyleTips: 0,
      codeNoneY: "",
      passwordNew: "",

      ruleForm: {
        regionYear: "",
        pass: "",
        checkPass: "",
        number: "",
        passNwe: "",
        Province: ""
      },
      sizeForm: {
<<<<<<< HEAD
        region: 1,
        regionYear: ""
      },
      MyNews: "",
=======
        region: "",
        regionYear: ""
      },
      MyNews: {
        estimateRanking: "",
        estimateScore: "",
        examinationYear: "",
        grade: "",
        provinceName: ""
      },
>>>>>>> 314b442cce11d658746227581b0160373004c345

      rules: {
        pass: [{ validator: validatePass, trigger: "blur" }],
        passNwe: [{ validator: validatePassNwe, trigger: "blur" }],
        checkPass: [{ validator: validatePass2, trigger: "blur" }],
        number: [{ validator: checkNumber, trigger: "blur" }]
      },
      rulesNwe: {
        passNwe: [{ validator: validatePassNwe, trigger: "blur" }],
        checkPass: [{ validator: validatePass2, trigger: "blur" }]
      }
    };
  },
<<<<<<< HEAD

  methods: {
    open3(s) {
      this.$message.error(s);
    },
    open1(g) {
      this.$message({
        message: g,
        type: "success"
      });
    },
=======
  beforeCreate() {
    this.$nextTick(() => {
      this.getToken();
    });
  },
  methods: {
>>>>>>> 314b442cce11d658746227581b0160373004c345
    MyAccount() {
      this.block_my = true;
      this.tyle = "3";
    },

    openPass() {
      this.block = true;
      this.tyleTips = "1";
<<<<<<< HEAD
      this.tyle = 11;
    },
    // 获取用户信息
    openMy() {
      this.block = true;
      this.tyle = "8";
      let userInfo = JSON.parse(localStorage.getItem("userInfo"));
      this.MyNews = userInfo;
=======
    },
    openMy() {
      this.block = true;
      this.tyle = "8";
      this.$ajax({
        method: "POST",
        url: "/api/query/userInfo",

        success: res => {
          if (res.data.code == 0) {
            this.MyNews.examinationYear = res.data.data.examinationYear;
            this.MyNews.estimateRanking = res.data.data.estimateRanking;
            this.MyNews.estimateScore = res.data.data.estimateScore;
            this.MyNews.grade = res.data.data.grade;
            this.MyNews.provinceName = res.data.data.provinceName;
          }
        }
      });

      this.$ajax({
        method: "GET",
        url: "/api/province/queryAll",

        success: res => {
          if (res.data.code == 0) {
            this.queryAll = res.data.data;

            setTimeout(() => {
              this.codeNoneY = "";
              this.code = " ";
            }, 30000);
          }
        }
      });
>>>>>>> 314b442cce11d658746227581b0160373004c345
    },
    none() {
      this.tyle = "";
      this.tyleTips = "";
      this.block = false;
    },
<<<<<<< HEAD
    //我的信息
=======
>>>>>>> 314b442cce11d658746227581b0160373004c345
    MyNEWS() {
      this.$confirm("此操作将影响一些搜索到信息, 是否继续?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
<<<<<<< HEAD
          if (this.MyNews.userEntity.provinceName != 11110) {
            this.PromptYear = "";

            if (this.MyNews.userEntity.estimateScore != "") {
              let input2 = parseInt(this.MyNews.userEntity.estimateScore);

              if (input2 != this.MyNews.userEntity.estimateScore) {
                this.PromptInput = "成绩和排名不能有空格和字母";
              } else {
                this.$ajax({
                  method: "POST",
                  url: "/api/updatedetails",
                  data: {
                    estimateRanking: this.MyNews.userEntity.estimateRanking,
                    estimateScore: input2,

                    examinationProvince: this.MyNews.userEntity
                      .examinationProvince,
                    //  examinationProvince: 3,
                    examinationYear: this.MyNews.userEntity.examinationYear,
                    grade: this.MyNews.userEntity.grade,
                    userRole: 0
                  },
                  success: res => {
                    if (res.data.code == 0) {
                      this.block_my = false;
                      this.login = 1;

                      this.tyle = "";
                      this.tyleTips = "";
                      this.block = false;
                      this.MyNews.userEntity.estimateScore = input2;
                      localStorage.setItem(
                        "userInfo",
                        JSON.stringify(this.MyNews)
                      );

                      this.$message({
                        type: "success",
                        message: "修改成功!"
                      });

                      this.$router.go(0);
                    } else {
                      this.open3(res.data.msg);
                    }
                  }
                });
                console.log(878);
              }
            } else {
            }
          } else {
            if (this.MyNews.userEntity.examinationYear == "") {
              this.PromptYear = "不能为空";
            }
=======
          if (parseInt(this.MyNews.provinceName) == this.MyNews.provinceName) {
            this.PromptProvince = "";
            if (this.MyNews.examinationYear != "") {
              this.PromptYear = "";
              if (
                this.MyNews.estimateRanking != "" &&
                this.MyNews.estimateScore != ""
              ) {
                let input1 = parseInt(this.MyNews.estimateRanking);
                let input2 = parseInt(this.MyNews.estimateScore);
                if (
                  input1 != this.MyNews.estimateRanking &&
                  input2 != this.MyNews.estimateScore
                ) {
                  this.PromptInput = "成绩和排名不能有空格和字母";
                } else {
                  this.$ajax({
                    method: "POST",
                    url: "/api/updatedetails",
                    data: {
                      estimateRanking: this.MyNews.estimateRanking,
                      estimateScore: this.MyNews.estimateScore,
                      examinationProvince: this.MyNews.provinceName,
                      examinationYear: this.MyNews.examinationYear,
                      grade: this.MyNews.grade,
                      userRole: 0
                    },
                    success: res => {
                      if (res.data.code == 0) {
                        this.block_my = false;
                        this.login = 1;

                        this.tyle = "";
                        this.tyleTips = "";
                        this.block = false;
                        //  localStorage.setItem("estimateRanking", this.MyNews.estimateRanking);
                        //  localStorage.setItem("estimateScore", this.MyNews.estimateScore);
                        //   localStorage.setItem("examinationYear",this.MyNews.examinationYear);

                        this.$message({
                          type: "success",
                          message: "修改成功!"
                        });

                        localStorage.setItem(
                          "estimateRanking",
                          this.MyNews.estimateRanking
                        );
                        localStorage.setItem(
                          "examinationYear",
                          this.MyNews.examinationYear
                        );
                        localStorage.setItem(
                          "estimateScore",
                          this.MyNews.estimateScore
                        );
                        localStorage.setItem("grade", this.MyNews.grade);
                      } else {
                        this.$message({
                          type: "info",
                          message: "修改失败"
                        });
                      }
                    }
                  });
                }
              } else {
              }
            } else {
              this.PromptYear = "不能为空";
            }
          } else {
            if (this.MyNews.examinationYear == "") {
              this.PromptYear = "不能为空";
            }
            this.PromptProvince = "请重新选择省份";
>>>>>>> 314b442cce11d658746227581b0160373004c345
          }
        })
        .catch(() => {
          this.$message({
            type: "info",
            message: "已取消删除"
          });
        });
    },
    noneLogo() {
      this.block = false;
      this.block_my = false;
      this.tyle = "10";
    },
<<<<<<< HEAD
    //登录
=======
>>>>>>> 314b442cce11d658746227581b0160373004c345
    submitForm(formName) {
      this.$refs[formName].validate(valid => {
        if (valid) {
          let number = this.ruleForm.number;
          let pass = this.ruleForm.pass;
          this.$ajax({
            method: "post",
            url: "/api/login2",
            data: {
              mobile: number,
              password: pass
            },

            success: res => {
              if (res.data.code == 0) {
<<<<<<< HEAD
                this.open1("登录" + res.data.msg);

                let Token = res.data.data.token;
                localStorage.setItem("Token", Token);
                localStorage.setItem("userInfo", JSON.stringify(res.data.data));

                var username = res.data.data.userEntity.username;
=======
                let Token = res.data.data.token;

                console.log(res.data.data.userEntity.gredes);

                var serEntitys = res.data.data.userEntity.serEntitys;
                var estimateScore = res.data.data.userEntity.estimateScore;
                var estimateRanking = res.data.data.userEntity.estimateRanking;
                var examinationYear = res.data.data.userEntity.examinationYear;
                var gradeName = res.data.data.userEntity.gradeName;
                var grade = res.data.data.userEntity.grade;
                var headUrl = res.data.data.userEntity.headUrl;
                var mobile = res.data.data.userEntity.mobile;
                var provinceName = res.data.data.userEntity.provinceName;
                var vip = res.data.data.userEntity.vip;
                var username = res.data.data.userEntity.username;
                var examinationProvince = res.data.data.examinationProvince;
>>>>>>> 314b442cce11d658746227581b0160373004c345
                let usernames = username.replace(
                  /(\d{3})\d{4}(\d{4})/,
                  "$1****$2"
                );
<<<<<<< HEAD

                localStorage.setItem("username", usernames);
                this.open1("登录" + res.data.msg);
=======
                let mobiles = mobile.replace(/(\d{3})\d{4}(\d{4})/, "$1****$2");
                localStorage.setItem("Token", Token);
                localStorage.setItem("serEntitys", serEntitys);
                localStorage.setItem("estimateRanking", estimateRanking);
                localStorage.setItem("estimateScore", estimateScore);
                localStorage.setItem(
                  "examinationProvince",
                  examinationProvince
                );
                localStorage.setItem("examinationYear", examinationYear);
                localStorage.setItem("gradeName", gradeName);
                localStorage.setItem("grade", grade);
                localStorage.setItem("headUrl", headUrl);
                localStorage.setItem("mobile", mobiles);
                localStorage.setItem("provinceName", provinceName);
                localStorage.setItem("username", usernames);
                localStorage.setItem("vip", vip);

>>>>>>> 314b442cce11d658746227581b0160373004c345
                this.block_my = false;
                this.login = 1;
                this.number = " ";
                this.phone = usernames;
                this.tyleTips = 1;
                this.codeNoneY = "0";
<<<<<<< HEAD

                this.codeNoneY = "";

                this.$router.go(0);
=======
                setTimeout(() => {
                  this.codeNoneY = "";
                }, 11000);
>>>>>>> 314b442cce11d658746227581b0160373004c345
              } else {
                this.codeNo = res.data.msg;
                this.codeNoneY = "1";
                this.ruleForm.pass = "";
<<<<<<< HEAD

                setTimeout(() => {
                  this.codeNoneY = "";
                }, 1000);
=======
                setTimeout(() => {
                  this.codeNoneY = "";
                }, 11000);
>>>>>>> 314b442cce11d658746227581b0160373004c345
              }
            }
          });
        } else {
          return false;
        }
      });
    },
<<<<<<< HEAD
    //修改密码
    submitForm2() {
      this.$ajax({
        method: "POST",
        url: "/api/updatePassword",
        data: {
          newpassword: this.ruleForm.checkPass,
          oldpassword: this.ruleForm.passNwe
        },
        success: res => {
          if (res.data.code == 0) {
            this.open1("设置" + res.data.msg);
            this.none();
          } else if (res.data.code == 1) {
            this.open1("设置" + res.data.msg);
            this.none();
          } else {
            this.open3(res.data.msg);
          }
        }
      });
=======
    submitForm2() {
      if (this.ruleForm.checkPass === this.ruleForm.passNwe) {
        let passNwe = this.ruleForm.passNwe;

        let Length = passNwe.toString().length;

        if (Length > 6 && Length < 13) {
          let LengthNwe = parseInt(this.ruleForm.passNwe);
          let LengthNwes = this.ruleForm.passNwe;
          let LengthNweS = LengthNwes.toString().length;
          let LengthNweT = LengthNwe.toString().length;
          if (LengthNweS != LengthNweT) {
            console.log(localStorage.getItem("Token"));
            this.axios
              .post("/vue-demo/api/getdata")

              .then(response => {
                console.log(response.data);
              })
              .catch(response => {
                console.log(response);
              });
          } else alert("密码必须由数字和字母与符号组成");
        } else {
          alert("长度密码要大于6 小于12");
        }
      } else {
        alert("两次密码不一致");
      }
>>>>>>> 314b442cce11d658746227581b0160373004c345
    },

    resetForm(formName) {
      this.$refs[formName].resetFields();
    },
<<<<<<< HEAD
    //获取验证码
=======

>>>>>>> 314b442cce11d658746227581b0160373004c345
    getCode() {
      let phones = parseInt(this.input_phone);

      let Length = phones.toString().length;

      if (this.input_phone == "") {
        this.codeNone = "号码不能为空";
      } else if (Length < 11) {
        this.codeNone = "请输入有效的号码";
        this.input_phone = " ";
      } else {
        const TIME_COUNT = 60;
        if (!this.timer) {
          this.count = TIME_COUNT;
          this.show = false;
          this.timer = setInterval(() => {
            if (this.count > 0 && this.count <= TIME_COUNT) {
              this.count--;
            } else {
              this.show = true;
              clearInterval(this.timer);
              this.timer = null;
            }
          }, 1000);
        }
        this.$ajax({
          method: "GET",
          url: "/api/sms?phone=" + phones,

          success: res => {
            if (res.data.code == 0) {
              this.code = res.data.data.code;

              let str = res.data.data.phone;

              this.phone = str.replace(/(\d{3})\d{4}(\d{4})/, "$1**$2");
              setTimeout(() => {
                this.codeNoneY = "";
                this.code = " ";
              }, 30000);
            }
          }
        });
      }
    },
<<<<<<< HEAD
    // 短信登录
    goLogin() {
=======
    go() {
>>>>>>> 314b442cce11d658746227581b0160373004c345
      if (this.code === this.input_code) {
        this.$ajax({
          method: "POST",
          url: "/api/login",
          data: {
            code: this.input_code,
            mobile: this.input_phone,
            weChatForm: {
              code: this.code,
              headUrl:
                "https://huizeimg.oss-cn-shenzhen.aliyuncs.com/huize/update/156222927235720190704163413.jpg",
              openid: "string",
              wechaName: this.input_phone
            }
          },
          success: res => {
            if (res.data.code == 0) {
              this.block_my = false;
              this.login = 1;
              let Token = res.data.data.token;
<<<<<<< HEAD
              localStorage.setItem("Token", Token);
              localStorage.setItem("userInfo", JSON.stringify(res.data.data));
=======
              var examinationProvince = res.data.data.examinationProvince;
              var serEntitys = res.data.data.userEntity.serEntitys;
              var estimateScore = res.data.data.userEntity.estimateScore;
              var estimateRanking = res.data.data.userEntity.estimateRanking;
              var examinationYear = res.data.data.examinationYear;
              var gradeName = res.data.data.userEntity.gradeName;
              var headUrl = res.data.data.userEntity.headUrl;
              var mobile = res.data.data.userEntity.mobile;
              var provinceName = res.data.data.userEntity.provinceName;
              var vip = res.data.data.userEntity.vip;
>>>>>>> 314b442cce11d658746227581b0160373004c345
              var username = res.data.data.userEntity.username;
              let usernames = username.replace(
                /(\d{3})\d{4}(\d{4})/,
                "$1****$2"
              );
<<<<<<< HEAD

              localStorage.setItem("username", usernames);

=======
              let mobiles = mobile.replace(/(\d{3})\d{4}(\d{4})/, "$1****$2");

              localStorage.setItem("examinationProvince", examinationProvince);
              localStorage.setItem("Token", Token);
              localStorage.setItem("serEntitys", serEntitys);
              localStorage.setItem("estimateRanking", estimateRanking);
              localStorage.setItem("estimateScore", estimateScore);
              localStorage.setItem("examinationYear", examinationYear);
              localStorage.setItem("gradeName", gradeName);
              localStorage.setItem("headUrl", headUrl);
              localStorage.setItem("mobile", mobiles);
              localStorage.setItem("provinceName", provinceName);
              localStorage.setItem("username", usernames);
              localStorage.setItem("vip", vip);
>>>>>>> 314b442cce11d658746227581b0160373004c345
              var phoneToken = this.phone;
              localStorage.setItem("phoneToken", phoneToken);
              if (res.data.data.userEntity.estimateScore == "") {
                this.block = true;
                this.tyle = "7";
                this.$ajax({
                  method: "GET",
                  url: "/api/province/queryAll",

                  success: res => {
                    if (res.data.code == 0) {
                      this.queryAll = res.data.data;

                      setTimeout(() => {
                        this.codeNoneY = "";
                        this.code = " ";
                      }, 30000);
                    }
                  }
                });
<<<<<<< HEAD
              } else {
                this.phone = usernames;
                this.pass = " ";
                this.number = " ";

                this.codeNoneY = "0";
                this.ruleForm.passNwe = "";
                this.ruleForm.checkPass = "";

                this.input_phone = "";

                this.$router.go(0);
              }
=======
              }
              this.phone = usernames;
              this.pass = " ";
              this.number = " ";

              this.codeNoneY = "0";
              this.ruleForm.passNwe = "";
              this.ruleForm.checkPass = "";

              this.input_phone = "";

              setTimeout(() => {
                this.codeNoneY = "";
                this.code = " ";
                this.input_phone = "";
              }, 30000);
>>>>>>> 314b442cce11d658746227581b0160373004c345
            } else {
              this.codeNoneY = "1";
              this.ruleForm.pass = "";
              setTimeout(() => {
                this.codeNoneY = "";
                this.input_phone = "";
                this.code = " ";
              }, 30000);
            }
          }
        });
        // this.login = 1;
        // this.block_my = false;

        // this.input_phone = "";
        // var phoneToken = this.phone;
        // localStorage.setItem("phoneToken", phoneToken);

        setTimeout(() => {
          this.input_phone = "";
          this.code = "";
        }, 600000);
      } else {
        this.codeNone = 1;
      }
    },
<<<<<<< HEAD
    //提交信息(完善信息)
    addFrom() {
      this.$ajax({
        method: "POST",
        url: "/api/v1/rank/user",
        data: {
          grade: this.buttonType,
          province: this.sizeForm.region,

          score: this.input1
        },
        success: res => {
          if (res.data.code == 0) {
            this.input2 = res.data.data;
          } else {
            this.open3(res.data.msg);
          }
        }
      });

      if (this.sizeForm.region != "") {
        this.PromptProvince = "";
        if (this.sizeForm.regionYear != "") {
          this.PromptYear = "";
          if (this.input1 != "") {
            let input1 = parseInt(this.input1);
            let input2 = parseInt(this.input2);
            if (input1 != this.input1) {
              this.PromptInput = "成绩和排名不能有空格和字母";
            } else {
              this.$ajax({
                method: "POST",
                url: "/api/updatedetails",
                data: {
                  estimateRanking: this.input2,
                  estimateScore: this.input1,
                  examinationProvince: this.sizeForm.region,
                  examinationYear: this.sizeForm.regionYear,
                  grade: this.buttonType,
                  userRole: 0
                },
                success: res => {
                  if (res.data.code == 0) {
                    this.block_my = false;
                    this.login = 1;
                    this.tyle = "";
                    this.tyleTips = "";
                    this.block = false;
                    this.open1("补充成功" + res.data.msg);
                    this.$ajax({
                      method: "POST",
                      url: "/api/query/userInfo",

                      success: res => {
                        if (res.data.code == 0) {
                          localStorage.setItem(
                            "userInfo",
                            JSON.stringify(res.data.data)
                          );

                          this.$router.go(0);
                        }
                      }
                    });
                  } else {
                    this.open3(res.data.msg);
                    this.codeNoneY = "1";
                    this.ruleForm.pass = "";
                    setTimeout(() => {
                      this.codeNoneY = "";
                      this.input_phone = "";
                      this.code = " ";
                    }, 30000);
                  }
                }
              });
            }
          } else {
          }
        } else {
          this.PromptYear = "不能为空";
        }
      } else {
        if (this.sizeForm.regionYear == "") {
          this.PromptYear = "不能为空";
        }
        this.PromptProvince = "不能为空";
      }
    },
    //登录认证
    getToken() {
      this.$ajax({
        method: "POST",
        url: "/api/query/userInfo",

        success: res => {
          if (res.data.code == 401) {
            this.MyAccount();
            this.login = 0;
          } else if (res.data.code == 1) {
            this.MyAccount();
            this.login = 0;
          } else if (res.data.code == 0) {
            this.login = 1;
            this.MyList = res.data.data;
            var s = res.data.data.username;
            this.phone = s.replace(/(\d{3})\d{4}(\d{4})/, "$1**$2");
          }else{
            this.MyAccount();
            this.login = 0;
          }
        }
      });
    },
    //退出登录
=======
    addFrom() {
      if (this.code == "") {
        alert("验证码失效 ！请重新发送号码");
        setTimeout(() => {
          this.block_my = true;
          this.tyle = "3";
        }, 1000);
      } else {
        if (this.sizeForm.region != "") {
          this.PromptProvince = "";
          if (this.sizeForm.regionYear != "") {
            this.PromptYear = "";
            if (this.input1 != "" && this.input2 != "") {
              let input1 = parseInt(this.input1);
              let input2 = parseInt(this.input2);
              if (input1 != this.input1 && input2 != this.input2) {
                this.PromptInput = "成绩和排名不能有空格和字母";
              } else {
                this.$ajax({
                  method: "POST",
                  url: "/api/updatedetails",
                  data: {
                    estimateRanking: this.input2,
                    estimateScore: this.input1,
                    examinationProvince: this.sizeForm.region,
                    examinationYear: this.sizeForm.regionYear,
                    grade: this.buttonType,
                    userRole: 0
                  },
                  success: res => {
                    if (res.data.code == 0) {
                      this.block_my = false;
                      this.login = 1;

                      this.tyle = "";
                      this.tyleTips = "";
                      this.block = false;

                      setTimeout(() => {
                        this.codeNoneY = "";
                        this.code = " ";
                        this.input_phone = "";
                      }, 30000);
                    } else {
                      this.codeNoneY = "1";
                      this.ruleForm.pass = "";
                      setTimeout(() => {
                        this.codeNoneY = "";
                        this.input_phone = "";
                        this.code = " ";
                      }, 30000);
                    }
                  }
                });
              }
            } else {
            }
          } else {
            this.PromptYear = "不能为空";
          }
        } else {
          if (this.sizeForm.regionYear == "") {
            this.PromptYear = "不能为空";
          }
          this.PromptProvince = "不能为空";
        }
      }
    },

    getToken() {
      if (localStorage.getItem("username").length == 0) {
        this.login = 0;
        if (localStorage.getItem("mobile").length == 0) {
          this.login = 0;
        } else {
          this.phone = localStorage.getItem("mobile");
          this.login = 1;
        }
      } else {
        this.phone = localStorage.getItem("username");
        this.login = 1;
      }
    },
>>>>>>> 314b442cce11d658746227581b0160373004c345
    openLogin() {
      this.$confirm("此操作会退出登录, 是否继续?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
          this.login = 0;
<<<<<<< HEAD
          window.localStorage.removeItem("userInfo");
          localStorage.setItem("phoneToken", "");
          localStorage.setItem("Token", " ");
          localStorage.setItem("username", " ");
=======

          localStorage.setItem("phoneToken", "");
>>>>>>> 314b442cce11d658746227581b0160373004c345

          this.$message({
            type: "success",
            message: "退出成功!"
          });
<<<<<<< HEAD
          console.log(0);
          this.$router.go(0);
=======
>>>>>>> 314b442cce11d658746227581b0160373004c345
        })
        .catch(() => {
          this.$message({
            type: "info",
            message: "已取消退出"
          });
        });
    },
    getResetphone() {
      let phones = parseInt(this.input_phone);

      let Length = phones.toString().length;

      if (this.input_phone == "") {
        this.codeNone = "号码不能为空";
      } else if (Length < 11) {
        this.codeNone = "请输入有效的号码";
        this.input_phone = " ";
      } else {
        const TIME_COUNT = 60;
        if (!this.timer) {
          this.count = TIME_COUNT;
          this.show = false;
          this.timer = setInterval(() => {
            if (this.count > 0 && this.count <= TIME_COUNT) {
              this.count--;
            } else {
              this.show = true;
              clearInterval(this.timer);
              this.timer = null;
            }
          }, 1000);
        }
        this.$ajax({
          method: "POST",
          url: "/api/msgResetphone",
          data: {
            phone: this.input_phone
          },

          success: res => {
            if (res.data.code == 0) {
              this.code = res.data.data.code;

              let str = res.data.data.phone;

              this.phone = str.replace(/(\d{3})\d{4}(\d{4})/, "$1**$2");
              setTimeout(() => {
                this.codeNoneY = "";
                this.code = " ";
              }, 120000);
            }
          }
        });
      }
    },
    goResetphone() {
      if (this.code === this.input_code) {
        this.$ajax({
          method: "POST",
          url: "/api/msgResetPassword",
          data: {
            mobile: this.input_phone,
            code: this.code
          },

          success: res => {
            if (res.data.code == 0) {
              this.tyle = 6;
              let Token = res.data.data.token;
              var examinationProvince = res.data.data.examinationProvince;
              var serEntitys = res.data.data.userEntity.serEntitys;
              var estimateScore = res.data.data.userEntity.estimateScore;
              var estimateRanking = res.data.data.userEntity.estimateRanking;
              var examinationYear = res.data.data.examinationYear;
              var gradeName = res.data.data.userEntity.gradeName;
              var headUrl = res.data.data.userEntity.headUrl;
              var mobile = res.data.data.userEntity.mobile;
              var provinceName = res.data.data.userEntity.provinceName;
              var vip = res.data.data.userEntity.vip;
              var username = res.data.data.userEntity.username;
              let usernames = username.replace(
                /(\d{3})\d{4}(\d{4})/,
                "$1****$2"
              );

              let mobiles = mobile.replace(/(\d{3})\d{4}(\d{4})/, "$1****$2");
              localStorage.setItem("examinationProvince", examinationProvince);
              localStorage.setItem("Token", Token);
              localStorage.setItem("serEntitys", serEntitys);
              localStorage.setItem("estimateRanking", estimateRanking);
              localStorage.setItem("estimateScore", estimateScore);
              localStorage.setItem("examinationYear", examinationYear);
              localStorage.setItem("gradeName", gradeName);
              localStorage.setItem("headUrl", headUrl);
              localStorage.setItem("mobile", mobiles);
              localStorage.setItem("provinceName", provinceName);
              localStorage.setItem("username", usernames);
              localStorage.setItem("userName", username);

              localStorage.setItem("vip", vip);

              this.pass = " ";
              this.number = " ";
              this.phone = usernames;

              this.tyleTips = 1;
              this.codeNoneY = "0";
              setTimeout(() => {
                this.codeNoneY = "";
                this.code = " ";
                this.input_phone = "";
              }, 30000);
            } else {
              this.codeNoneY = "1";
              this.ruleForm.pass = "";
              setTimeout(() => {
                this.codeNoneY = "";
                this.input_phone = "";
                this.code = " ";
              }, 30000);
            }
          }
        });
      } else {
        this.codeNone = 1;
      }
    },
    submitForm3() {
      if (this.ruleForm.checkPass === this.ruleForm.passNwe) {
        let passNwe = this.ruleForm.passNwe;

        let Length = passNwe.toString().length;

        if (Length > 6 && Length < 13) {
          let LengthNwe = parseInt(this.ruleForm.passNwe);
          let LengthNwes = this.ruleForm.passNwe;
          let LengthNweS = LengthNwes.toString().length;
          let LengthNweT = LengthNwe.toString().length;
          if (LengthNweS != LengthNweT) {
            this.$ajax({
              method: "POST",
              url: "/api/resetPassword",
              data: {
                password: this.ruleForm.checkPass,

                token: localStorage.getItem("Token")
              },
              success: res => {
                if (res.data.code == 0) {
                  this.block_my = false;
                  this.login = 1;
                  let Token = res.data.data.token;

                  var serEntitys = res.data.data.userEntity.serEntitys;
                  var estimateScore = res.data.data.userEntity.estimateScore;
                  var estimateRanking =
                    res.data.data.userEntity.estimateRanking;
                  var examinationYear = res.data.data.examinationYear;
                  var gradeName = res.data.data.userEntity.gradeName;
                  var headUrl = res.data.data.userEntity.headUrl;
                  var mobile = res.data.data.userEntity.mobile;
                  var provinceName = res.data.data.userEntity.provinceName;
                  var vip = res.data.data.userEntity.vip;
                  var username = res.data.data.userEntity.username;
                  var examinationProvince = res.data.data.examinationProvince;
                  let usernames = username.replace(
                    /(\d{3})\d{4}(\d{4})/,
                    "$1****$2"
                  );
                  let mobiles = mobile.replace(
                    /(\d{3})\d{4}(\d{4})/,
                    "$1****$2"
                  );
                  localStorage.setItem(
                    "examinationProvince",
                    examinationProvince
                  );
                  localStorage.setItem("Token", Token);
                  localStorage.setItem("serEntitys", serEntitys);
                  localStorage.setItem("estimateRanking", estimateRanking);
                  localStorage.setItem("estimateScore", estimateScore);
                  localStorage.setItem("examinationYear", examinationYear);
                  localStorage.setItem("gradeName", gradeName);
                  localStorage.setItem("headUrl", headUrl);
                  localStorage.setItem("mobile", mobiles);
                  localStorage.setItem("provinceName", provinceName);
                  localStorage.setItem("username", usernames);
                  localStorage.setItem("vip", vip);

                  this.pass = " ";
                  this.number = " ";
                  this.phone = usernames;

                  this.tyleTips = 1;
                  this.codeNoneY = "0";
                  this.ruleForm.passNwe = "";
                  this.ruleForm.checkPass = "";
                  this.input_code = "";
                  this.input_phone = "";

                  this.code = "";
                  var phoneToken = this.phone;
                  localStorage.setItem("phoneToken", phoneToken);
                  setTimeout(() => {
                    this.codeNoneY = "";
                    this.code = " ";
                    this.input_phone = "";
                  }, 30000);
                } else {
                  this.codeNoneY = "1";
                  this.ruleForm.pass = "";
                  setTimeout(() => {
                    this.codeNoneY = "";
                    this.input_phone = "";
                    this.code = " ";
                  }, 30000);
                }
              }
            });
          } else alert("密码必须由数字和字母与符号组成");
        } else {
          alert("长度密码要大于6 小于12");
        }
      } else {
        alert("两次密码不一致");
      }
    }
<<<<<<< HEAD
  },
  beforeCreate() {
    this.$nextTick(() => {
      this.getToken();
    });
=======
>>>>>>> 314b442cce11d658746227581b0160373004c345
  }
};
</script>
<style lang="scss">
.index_header {
  width: 100%;
  height: 44px;
  background: #414141;
}
.huize_index {
  display: flex;
  justify-content: space-between;
  color: #fff;
  font-size: 12px;

  .headr_left {
    height: 100%;
    > ul {
      height: 100%;
      display: flex;
      line-height: 44px;
<<<<<<< HEAD

      li {
        margin-right: 10px;
        width: 160px;

=======

      li {
        margin-right: 10px;
        width: 160px;

>>>>>>> 314b442cce11d658746227581b0160373004c345
        > i {
          margin-right: 12px;
          margin-top: 2px;
        }
        .hui_code {
          position: relative;
          padding: 24px;
          width: 112px;
<<<<<<< HEAD
          height: 0;
=======
          height: 112px;
>>>>>>> 314b442cce11d658746227581b0160373004c345
          z-index: 100;
          border-radius: 6px;
          background: #fff;
          display: none;
<<<<<<< HEAD
          overflow: hidden;
=======
>>>>>>> 314b442cce11d658746227581b0160373004c345
          .img_code {
            img {
              width: 112px;
            }
          }
        }
      }
<<<<<<< HEAD
    }
    ul > li:hover div {
      display: block;
      animation: h 0.4s forwards;
    }
    @keyframes h {
      from {
        height: 0px;
      }
      to {
        height: 112px;
      }
    }
=======
    }
    ul > li:hover div {
      display: block;
    }
>>>>>>> 314b442cce11d658746227581b0160373004c345
  }
  .header_right {
    display: flex;
    > ul {
      height: 44px;
      display: flex;
      line-height: 44px;
      li {
        cursor: pointer;
      }
<<<<<<< HEAD

      .my_account_li {
        position: relative;
        z-index: 100;
        img {
          position: relative;
          top: 8px;
        }
        .my_account {
          position: absolute;
          top: 44px;

          width: 128px;
          height: 0px;
          z-index: 10;
          border-radius: 6px;
          background: #fff;
          overflow: hidden;

          ul {
            padding: 24px 20px 30px 20px;
            line-height: 20px;
            li {
              cursor: pointer;
              margin: 0;
              margin: 5px 0;
              color: #414141;
              text-align: center;
            }
          }
        }
      }
      .my_account_li_f {
        display: flex;
        font-size: 16px;
        span {
          padding: 0 4px;
        }
      }
      .my_account_li:hover .my_account {
        animation: mymove 0.8s forwards;
      }
      li {
        display: flex;

=======

      .my_account_li {
        position: relative;
        z-index: 100;
        .my_account {
          position: absolute;
          top: 44px;
          left: -36px;
          width: 128px;
          height: 146px;
          z-index: 10;
          border-radius: 6px;
          background: #fff;
          display: none;
          ul {
            padding: 24px 20px 30px 20px;
            line-height: 20px;
            li {
              cursor: pointer;
              margin: 0;
              margin: 5px 0;
              color: #414141;
              text-align: center;
            }
          }
        }
      }
      .my_account_li_f {
        display: flex;
        font-size: 16px;
        span {
          padding: 0 4px;
        }
      }
      .my_account_li:hover .my_account {
        display: block;
      }
      li {
        display: flex;

>>>>>>> 314b442cce11d658746227581b0160373004c345
        margin-left: 60px;
        img {
          display: block;
          width: 26px;
          height: 26px;
          border-radius: 50%;
          margin: auto 10px;
        }
      }
<<<<<<< HEAD
      @keyframes mymove {
        from {
          height: 0px;
        }
        to {
          height: 146px;
        }
      }
=======
>>>>>>> 314b442cce11d658746227581b0160373004c345
    }
  }
}
.modeif_form {
  .code_none {
    color: red;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
  }
  .code_block {
    color: #2ae258;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
  }
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;

  background: rgba($color: #000000, $alpha: 0.3);
  position: fixed;
  z-index: 500;

  .form {
    padding: 20px;
    margin: 0 auto;
    width: 400px;
    background: #ffffff;
    border-radius: 14px;
    margin-top: 70px;
    .el-form-item__label {
      text-align: right;
      vertical-align: middle;
      float: left;

      color: #606266;
      line-height: 40px;
      font-size: 16px;
      padding: 0 26px 0 0;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    .from_center {
      margin: 16px;
      .Prompt {
        color: red;
        font-size: 12px;
        padding: 8px 0;
      }
<<<<<<< HEAD
      .from_center_input {
        .el-input {
          width: 216px;
        }
      }
=======
>>>>>>> 314b442cce11d658746227581b0160373004c345
    }

    .top_center {
      margin-bottom: 16px;
      color: #757575;
    }
    .center_button {
      display: flex;
      justify-content: space-around;
      .el-button {
        width: 108px;
        margin: 0;
      }
      .el-button--info.is-plain:active {
        background: #3a8ee6;
        border-color: #3a8ee6;
        color: #fff;
        outline: 0;
      }
      .el-button--info.is-plain:focus,
      .el-button--info.is-plain:hover {
        background: #3a8ee6;
        border-color: #3a8ee6;
        color: #fff;
      }
    }
    .button {
      .el-button {
        width: 100%;
        margin: 36px 0;
      }
    }
    .back-out {
      line-height: 42px;

      .el-icon-close {
        font-size: 18px;
        color: #c8c8c8;
        margin-right: 10px;
      }
      span {
        color: #414141;
        font-size: 27px;
      }
    }
    .Tips {
      color: #2e86ff;
      font-size: 14px;
      margin-bottom: 44px;
    }

    .el-input__suffix {
      color: rgb(42, 226, 88);
    }
  }
  .FRON {
    display: flex;
  }
  .Prompt {
    color: red;
    font-size: 12px;
    padding: 8px 0;
  }
}
.logon {
  .code_none {
    color: red;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
  }
  .code_block {
    color: #2ae258;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
  }
  width: 748px;
  margin: 0 auto;

  background: #ffffff;
  border-radius: 14px;
  margin-top: 70px;
  overflow: hidden;
  display: flex;
  div {
    flex: 1;
  }
  .left_img {
    height: 532px;
    img {
      width: 100%;
      height: 100%;
    }
  }
  .right_logon {
    display: flex;

    flex-direction: column;
    background: #ffffff;
    .form_codeNo {
      p {
        color: red;
        font-size: 12px;

        text-align: center;
      }
    }
    > div {
      width: 312px;
      margin: 0 auto;
    }
    .back-out {
      margin-top: 46px;
      i {
        color: #c8c8c8;
        font-size: 24px;
      }
      span {
        padding-left: 40px;
        color: #414141;
        font-size: 24px;
      }
    }

    .logon_code {
      position: relative;
      .code_button {
        position: absolute;
        top: 0;
        right: 26px;
        .el-button.is-disabled {
          color: red;
        }
      }
      .code_none {
        color: red;
        font-size: 12px;
        line-height: 24px;
      }
    }
    .reset {
      line-height: 40px;
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      color: #b1b1b1;
      font-size: 12px;
      .right {
        text-align: right;
      }
    }
    .register {
      .el-button {
        width: 100%;
      }
      .register3 {
        display: flex;
        justify-content: space-around;
        margin-top: 30px;
        span {
          background: #c8c8c8;
          width: 32px;
          height: 32px;
          border-radius: 50%;
          text-align: center;
          line-height: 32px;
          color: #fff;
        }
      }
    }
    .Agreement {
      color: #c8c8c8;
      font-size: 14px;
      text-align: center;
<<<<<<< HEAD

      line-height: 76px;
      span {
        color: #388cff;
      }
    }
  }
  .form {
    padding: 20px;
    margin: 0 auto;
    width: 400px;
    background: #ffffff;
    border-radius: 14px;
    margin-top: 70px;
    .el-form-item__label {
      text-align: right;
      vertical-align: middle;
      float: left;

      color: #606266;
      line-height: 40px;
      font-size: 16px;
      padding: 0 26px 0 0;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    .from_center {
      margin: 16px;
    }
    .top_center {
      margin-bottom: 16px;
      color: #757575;
    }
    .center_button {
      display: flex;
      justify-content: space-between;
      .el-button {
        width: 108px;
        margin: 0;
      }
      .el-button--info.is-plain:active {
        background: #3a8ee6;
        border-color: #3a8ee6;
        color: #fff;
        outline: 0;
      }
      .el-button--info.is-plain:focus,
      .el-button--info.is-plain:hover {
        background: #3a8ee6;
        border-color: #3a8ee6;
        color: #fff;
      }
    }
    .button {
      .el-button {
        width: 100%;
        margin: 68px 0;
      }
    }
    .back-out {
      line-height: 42px;

=======

      line-height: 76px;
      span {
        color: #388cff;
      }
    }
  }
  .form {
    padding: 20px;
    margin: 0 auto;
    width: 400px;
    background: #ffffff;
    border-radius: 14px;
    margin-top: 70px;
    .el-form-item__label {
      text-align: right;
      vertical-align: middle;
      float: left;

      color: #606266;
      line-height: 40px;
      font-size: 16px;
      padding: 0 26px 0 0;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    .from_center {
      margin: 16px;
    }
    .top_center {
      margin-bottom: 16px;
      color: #757575;
    }
    .center_button {
      display: flex;
      justify-content: space-between;
      .el-button {
        width: 108px;
        margin: 0;
      }
      .el-button--info.is-plain:active {
        background: #3a8ee6;
        border-color: #3a8ee6;
        color: #fff;
        outline: 0;
      }
      .el-button--info.is-plain:focus,
      .el-button--info.is-plain:hover {
        background: #3a8ee6;
        border-color: #3a8ee6;
        color: #fff;
      }
    }
    .button {
      .el-button {
        width: 100%;
        margin: 68px 0;
      }
    }
    .back-out {
      line-height: 42px;

>>>>>>> 314b442cce11d658746227581b0160373004c345
      .el-icon-close {
        font-size: 18px;
        color: #c8c8c8;
        margin-right: 10px;
      }
      span {
        color: #414141;
        font-size: 27px;
      }
    }
    .Tips {
      color: #2e86ff;
      font-size: 14px;
      margin-bottom: 44px;
    }

    .el-input__suffix {
      color: rgb(42, 226, 88);
    }
  }
}

.logon_pass {
  .el-form-item__label {
    font-size: 20px;
    padding: 0 30px 0 0;
  }
  .el-input {
    position: relative;
    font-size: 14px;
    display: inline-block;
    width: 80%;
  }

  .el-input__suffix {
    color: rgb(42, 226, 88);
  }
}
</style>